*{
  font-size: larger;
}
body {
    background:  linear-gradient(135deg, #B0C5C1, #7F8C8D);
    background-size: cover;
    background-attachment: fixed;
  }
  
  #text {
    background-color: #384bf7;
    color: #ffffff;
    padding: 10px;
  }
  
  #game {
    max-width: 800px;
    max-height: 700px;
    background-color: #ffffff;
    color: #ffffff;
    margin: 30px auto 0px;
    padding: 10px;
    box-shadow: 0 10px 18px rgb(83, 33, 0)
  }
  
  #controls,
  #stats {
    border: 1px solid #384bf7;
    padding: 5px;
    color: #0a0a23;
  }
  
  #monsterStats {
    display: none;
    border: 1px solid #0a0a23;
    padding: 5px;
    color: #ffffff;
    background-color: #c70d0d;
  }
  
  .stat {
    padding-right: 10px;
  }
  
  button {
    cursor: pointer;
    color: #000000;
    background-color: #87CEEB;
    background-image: linear-gradient(#87CEEB, #8A2BE2);
    border: 3px solid #8A2BE2;
    margin-bottom: 5px;
  }

  button:hover{
    opacity: 90%;
  }

  img {
  max-width: 500px; 
  height: auto;
  display: block; 
  margin: 20px auto 0;
  }